<template>
  <div class="container">
    <div class="wrap" ref="box" @click="$router.push('home')"></div>
  </div>
</template>
<script>
export default {
  methods: {
    init() {
      let tl = new TimelineMax({})
      let box = TweenMax.from(this.$refs.box, 1.5, {
        opacity: 0,
        scaleY: 0
      })
      tl.addLabel('start').add(box, 'start+=.2')
      return tl
    }
  }
}
</script>
<style lang="scss" scoped>
.container {
  height: 100%;
  width: 100%;
  position: relative;
}
.wrap {
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  border: 10px solid coral;
}
</style>
